<div class="span-5">
	<div id="accordion">
		<div>
			<h3><a href="#">经营性分析</a></h3>
			<div>
				<p>各种经营性分析方法</p>
			</div>
		</div>
		<div>
			<h3><a href="#">资产安全性分析</a></h3>
			<div>
				<p>资产安全性分析</p>
			</div>
		</div>
		<div>
			<h3><a href="#">现金流估值</a></h3>
			<div>
				<p>现金流估值</p>
				<ul>
					<li>List item one</li>
					<li>List item two</li>
					<li>List item three</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div id="stock-stack" class="ui-stack span-18">
	<div id="_stack_item_template" class="ui-stack-item ui-widget-content ui-state-default ui-corner-all ui-helper-hidden">
		<span class="ui-stack-item-title"></span>
		<a href="#" class="ui-stack-item-close ui-corner-all" title="Close">
			<span class="ui-icon ui-icon-closethick">Close</span>
		</a>
	</div>
</div>
<div class="span-18 last">
	<table class="span-17 last" cellspacing="5" cellpadding="5">
		<tr><th>Header</th><th>Header</th><th>Header</th><th>Header</th></tr>
		<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
		<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
	</table>
	
	<%= @graph %>
</div>

<script type="text/javascript" charset="utf-8">
	(function($){
		$(document).ready(function () {
			$("#stock-stack").stack();
			$("#accordion").accordion({
				header: "h3"
			});
		});
	})(jQuery);
	
	(function($){
		$(document).ready(function () {
			var stack = $("#stock-stack").stack();
			
			$("#search_input").focus(function(){
				$(this).select();
			}).keypress(function(e){
				if(e.which == 13) {
					stack.addItem($(this).val());
				}
			});
			
			$("#search_btn").click(function(){
				stack.addItem($("#search_input").val());
			});
		});
	})(jQuery);
</script>
